<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/QA.css">
    <link rel="stylesheet" href="../css/popup.css">
    <script src="../js/JQuery%201.9.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/QADeatails.js"></script>
    <script src="../js/jquery.tmpl.min.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/yingSoftPrg.js"></script>
    <script src="../js/yingSoftPopup.js"></script>
    <title></title>
</head>
<body>
<div class="row">
    <div class="col-lg-12">
        <a href="knowledge.html" class="PreClassLearning">课前学习</a>
        <span>&raquo;<a class="QAList" href="QAList.html">你问我答</a></span>
        <span class="detail">&raquo;问题详情</span>
    </div>
</div>
<div class="newTab">
<div class="col-lg-12 row ">
    <div class=" panel panel-default">
        <div class="panel-body" id="answerDetail">
            <!-- 问题填充-->
            <div id="questionGallery"></div>
            <!-- 问题填充end-->
            <!-- 回答问题-->
            <button class="btn btn-primary" id="btnAnswer" >我来回答</button>
            <form role="form">
                <div class="form-group">
                    <textarea class="form-control" rows="4" id="answer" style="display:none;margin-left: 30px"></textarea>
                </div>
            </form>
            <button class="btn btn-warning" style="float: right;display:none" id="summitAnswer" >提交回答</button>
            <!-- 回答问题end-->
            <!-- 回答填充-->
            <div id="answerGallery"></div>
            <!-- 回答填充end-->
        </div>
    </div>
</div>
</div>
<!--问题详情填充模板-->
<script type="text/x-jquery-tmpl" id="questionDetailTmpl">
    <div class="titleStyle">
       <h3><span>${title}</span></h3>
       <span style="color:#3F91DB">${userName}</span><span style="margin-left: 30px">分类：${firstKnowledgePointName}>>${secondKnowledgePointName}</span>
       <span style="margin-left:50px">${questionTime}</span>
     </div>
     <DIV class="borderStyle"></DIV>
     <div class="titleStyle">
        <h4>问题补充：</h4>
        <p>${additional}</p>
     </div>
</script>
<!--问题详情填充模板end-->
<!--回答详情填充模板-->
<script type="text/x-jquery-tmpl" id="answerDetailTmpl">
     <div class="answerStyle">
         <h3>
            <span>回答:</span>
         </h3>
         <span class="Respondent">${userName}</span>
         <span>${answerTime}</span>
     </div>
     <DIV class="borderStyle"></DIV>
     <div class="answerStyle">
         <p style="margin-left:30px">${answerContent}</p>
    </div>
</script>
<!--回答详情填充模板end-->
</body>
</html>